<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有声书出版社</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/youshengshuchuban.css">
</head>

<body>
    <!-- 头部start -->
    <header class="clear">
        <div class="head-left left">
            <img src="./img-book/图标.png" alt="">
        </div>
        <ul class="left biaoti">
            <li class="huls">
                <a href="#">首页
                <i></i>
            </a>
            </li>
            <li class="huls1 clear ">
                <a href="#">产品服务</a>
                <a href="#" class="h-xiala"></a>
                <!-- 隐藏窗口start -->
                <div class="yincang clear">

                    <ul>
                        <li>
                            <a href="#" class="clear">

                                <div class="chudong1 left">
                                    <p class="yincang1 ">
                                        <img src="./img-book/图标1.png" alt="">
                                        <span>版权合作</span>
                                    </p>
                                    <p class="yincang2">助力文字版权快速变现</p>
                                </div>
                                <div class="chudong clear right">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clear">

                                <div class="chudong1 left">
                                    <p class="yincang1 ">
                                        <img src="./img-book/图标2.png" alt="">
                                        <span>媒体电台</span>
                                    </p>
                                    <p class="yincang2">自媒体专属通道，更高效率的版权合作</p>
                                </div>
                                <div class="chudong clear right">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clear">

                                <div class="chudong1 left">
                                    <p class="yincang1 ">
                                        <img src="./img-book/图标3.png" alt="">
                                        <span>商业配音</span>
                                    </p>
                                    <p class="yincang2">海量博主极速接单，全新配音体验</p>
                                </div>
                                <div class="chudong clear right">
                                </div>
                            </a>
                        </li>

                    </ul>
                </div>
                <!-- 隐藏窗口end -->
            </li>
            <li class="hu2"><a href="#">帮助中心</a></li>
            <li class="hu2"><a href="#">联系我们</a></li>
        </ul>
        <div class="header-right right">
            <a href="./denglu.html">登录</a>
        </div>
    </header>
    <!-- 头部end -->
    <!-- 内容1start -->
    <div class="count1">
        <div class="count1-top">
            <span>有声出版，让好内容被听见</span>
            <img src="./img-book/声音图标.png" alt="">
        </div>
        <div class="count1-middle">
            真人主播配音，喜马拉雅官方推广，让好内容被更多人听见
        </div>
    </div>
    <!-- 内容1end -->
    <!-- 内容2start -->
    <div class="count2">
        <div class="count2-top">了解我们的服务</div>
        <div class="count2-top2">
            A+有声出版平台，是喜马拉雅官方制作平台，负责全站大量有声书、媒体资讯、亲子读物的制作和分发。<br> 基于完善的在线运作体系、海量真人主播，平台广泛连接内容方，提供从文字内容到音频节目的全流程解决方案。
            <br> 制作完成的音频节目，可在喜马拉雅全平台（APP/网站/智能硬件/车载应用/…）一键分发，触达全球6亿用户。
            <br> 平台提供付费售卖、广告分成、会员分成等多种变现模式，让您的内容更有价值。
        </div>
        <div class="count2-middle">
            <div class="c2m-1">
                <span class="right c2m-01"> 配音服务</span>
                <span class="right c2m-02">优质内容，用声音演绎</span>
            </div>
            <div class="c2m-2">
                <img src="./img-book/话筒图标.png" alt="">
            </div>
            <div class="c2m-3">
                <img src="./img-book/推广图标.png" alt="">
            </div>
            <div class="c2m-4">
                <span class="left c2m-01"> 音频推广</span>
                <span class="left c2m-02">好作品，让更多人听见</span>
            </div>
        </div>
    </div>
    <!-- 内容2end -->
    <!-- 内容3start -->
    <div class="count3">
        <ul>
            <li>
                <div class="count3-1">版权合作</div>
                <div class="count3-2">与有声出版平台合作，让您的内容也在喜马拉雅平台播放、变现，收获更多粉丝！</div>
                <div class="count3-3 clear">
                    <span class="left"></span>
                    <p class="left">平台提供完善的配音制作、后期处理及运营推广服务。</p>
                </div>
                <div class="count3-3 clear">
                    <span class="left"></span>
                    <p class="left">合作流程透明，合作方式任选，全程可跟踪。</p>
                </div>
                <a href="#" class="coun3top">开始合作</a>
            </li>
            <li>
                <div class="count3-1">商业配音</div>
                <div class="count3-2">若无需推广，仅需主播配音，可立即体验专业高效的配音服务！</div>
                <div class="count3-3 clear">
                    <span class="left"></span>
                    <p class="left">配音内容无需提供版权。平台保障所有配音内容不作他用，也决不泄露。</p>
                </div>
                <div class="count3-3 clear">
                    <span class="left"></span>
                    <p class="left">任意图文内容可配音，例如书籍、资讯、专题、广告等。</p>
                </div>
                <a href="#" class="coun3top">立即配音</a>
            </li>

        </ul>
    </div>
    <!-- 内容3end -->
    <!-- 内容4start -->
    <div class="count4 clear">
        <div class="count4-biaoti">平台优势</div>
        <ul class="count4-buju">
            <li>
                <img src="./img-book/第一个图标.png" alt="">
                <br>
                <p class="c4buju-1">全方位解决方案
                </p>
                <p> 灵活匹配需求</p>
            </li>
            <li>
                <img src="./img-book/第二个图标.png" alt="">
                <br>
                <p class="c4buju-1">海量真人主播

                </p>
                <p> 助力有声制作</p>
            </li>
            <li>
                <img src="./img-book/第三个图标.png" alt="">
                <br>
                <p class="c4buju-1">喜马拉雅官方推广

                </p>
                <p> 亿级流量加持</p>
            </li>
            <li>
                <img src="./img-book/第四个图标.png" alt="">
                <br>
                <p class="c4buju-1">在线授权、电子签章

                </p>
                <p> 保障你的版权</p>
            </li>
        </ul>
        <div class="count4-biaoti" style="margin-top: 50px;">经典案例</div>
        <p class="jingdian1 jingdian2">
            已合作的内容包括热门网文作品、畅销出版物等，类型涵盖各种题材的小说、少儿故事、人文历史、
        </p>
        <p class="jingdian1">社科经管、成长教育、情感生活、艺术哲学等，以及海量未发表的优质原创内容。</p>
        <ul class="jingdiananli">
            <li>
                <img src="./img-book/第一本书.jpg" alt="">
                <p class="start4-first">
                    <span class="c4f-1">给孩子的三个...</span>
                    <span class="c4f-2"><h>全部</h> <img src="./img-book/右箭头.png" alt=""></span>
                </p>
                <div class="start4-second">睡前故事</div>
                <hr class="huaxian">
                <div class="start5-third">
                    <img class="zanting" src="./img-book/暂停图标.png" alt="">
                    <span>三十六计 &nbsp; 第一计&nbsp; 瞒天...</span>
                </div>
                <div class="start5-third">
                    <img class="zanting" src="./img-book/暂停图标.png" alt="">
                    <span>三十六计 &nbsp; 第二计&nbsp; 围魏...</span>
                </div>
            </li>
            <li>
                <img src="./img-book/第二本书.png" alt="">
                <p class="start4-first">
                    <span class="c4f-1">从秦朝说起</span>
                    <span class="c4f-2"><h>全部</h> <img src="./img-book/右箭头.png" alt=""></span>
                </p>
                <div class="start4-second">睡前故事</div>
                <hr class="huaxian">
                <div class="start5-third">
                    <img class="zanting" src="./img-book/暂停图标.png" alt="">
                    <span>三十六计 &nbsp; 第一计&nbsp; 瞒天...</span>
                </div>
                <div class="start5-third">
                    <img class="zanting" src="./img-book/暂停图标.png" alt="">
                    <span>三十六计 &nbsp; 第二计&nbsp; 围魏...</span>
                </div>
            </li>
            <li>
                <img src="./img-book/第三本书.jpg" alt="">
                <p class="start4-first">
                    <span class="c4f-1">蒙古史</span>
                    <span class="c4f-2"><h>全部</h> <img src="./img-book/右箭头.png" alt=""></span>
                </p>
                <div class="start4-second">睡前故事</div>
                <hr class="huaxian">
                <div class="start5-third">
                    <img class="zanting" src="./img-book/暂停图标.png" alt="">
                    <span>三十六计 &nbsp; 第一计&nbsp; 瞒天...</span>
                </div>
                <div class="start5-third">
                    <img class="zanting" src="./img-book/暂停图标.png" alt="">
                    <span>三十六计 &nbsp; 第二计&nbsp; 围魏...</span>
                </div>
            </li>
            <li>
                <img src="./img-book/第四本书.jpg" alt="">
                <p class="start4-first">
                    <span class="c4f-1">欢乐道士</span>
                    <span class="c4f-2"><h>全部</h> <img src="./img-book/右箭头.png" alt=""></span>
                </p>
                <div class="start4-second">睡前故事</div>
                <hr class="huaxian">
                <div class="start5-third">
                    <img class="zanting" src="./img-book/暂停图标.png" alt="">
                    <span>三十六计 &nbsp; 第一计&nbsp; 瞒天...</span>
                </div>
                <div class="start5-third">
                    <img class="zanting" src="./img-book/暂停图标.png" alt="">
                    <span>三十六计 &nbsp; 第二计&nbsp; 围魏...</span>
                </div>

            </li>
            <div class="count4left">
            </div>
            <div class="count4right">
            </div>
        </ul>
        <div class="jindutiao class1"></div>
        <div class="jindutiao class2"></div>
        <div class="jindutiao class3"></div>
        <div class="count4-biaoti" style="margin-top: 100px;">合作平台</div>
        <p class="jingdian1 jingdian2">
            合作方包括出版机构、网文平台、原创作者、写作工具、自媒体/纸媒、影视机构、教育机构、文化公司、作家协会、广告主等
        </p>
        <ul class="pingpaitubiao clear">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <!-- 内容4end -->
    <!-- 底部start -->
    <footer class="clear">
        <div class="chengqi"></div>
        <ul class="fot-top clear">
            <li>
                欢迎关注
            </li>
            <li class="fot1">
                <a href="#">
                    <p class="fot-change"></p>
                    <span>官方微博</span>
                </a>
            </li>
            <li class="fot2">
                <a href="#">
                    <p class="fot-change"></p>
                    <span>新浪微博</span>
                </a>
            </li>
            <li class="fot3">
                <a href="#">
                    <p class="fot-change"></p>
                    <span>微信公众号</span>
                </a>
            </li>
            <li class="fot4">
                <a href="#">
                    <p class="fot-change"></p>
                    <span>QQ公众号</span>
                </a>
            </li>
            <li class="fot5">
                <a href="#">
                    <p class="fot-change"></p>
                    <span>贴吧</span>
                </a>
            </li>
            <li class="fot6">
                <a href="#">
                    <p class="fot-change"></p>
                    <span>兴趣部落</span>
                </a>
            </li>
        </ul>
        <p class="fot-last3">喜马拉雅 | 关于我们 | 联系我们 | 公司新闻 | 招贤纳士 | 使用协议 | 版权声明 | 开放平台</p>
        <p class="fot-last3">Copyright © 2012-2020 www.ximalaya.com lnc.ALL Rights Reserved</p>
        <p class="fot-last3">上海喜马拉雅科技有限公司 版权所有</p>
        <p class="fot-last"><span>沪网文〔2019〕5471-359号 沪ICP备13027243号</span>
            <img src="./img-book/公安图标.png" alt="">
            <span> 沪公网安备 31011502005603号</span></p>
    </footer>
    <!-- 底部end -->
    <!-- 悬浮start -->
    <div class="xuanfu">
        <p class="suoxiao"><img src="./img-book/悬浮框.png" alt=""> 联系客服</p>
        <div class="erweima">
            <div class="neirong">
                <span class="img11"></span>
                <span class="gongzhonghao">请关注微信公众号</span>
                <span class="liuyan">(关注后可直接留言)</span>
            </div>
        </div>
    </div>
    <!-- 悬浮end -->
</body>

</html>